<html>
	<head>
	</head>

	<body>
		<wicket:panel>
			<div style="width:440px;margin-bottom:5px; border:1px solid black;float:left;">
				<form wicket:id="gradeForm">
					<div style="background-color: #DDD; padding:3px; text-decoration:none;">
						<span wicket:id="userURLPanel">
						</span>
					</div>
					
					<div style="padding:5px;">
						<div style="float:left;padding:2px 4px;width:48%;">
							Semester Credits Registered: <span wicket:id="totalCredits"></span>.
						</div>
						<div style="float:left;padding:2px 4px;width:48%;">
							Semester Credits Earned : <span wicket:id="creditsEarned"></span>.
						</div>
						
						<div style="float:left;padding:2px 4px;clear:both;width:48%;">
							Cumulative Credits Registered: <span wicket:id="cumulativeCredits"></span>.
						</div>
						<div style="float:left;padding:2px 4px;width:48%;">
							Cumulative Credits Earned: <span wicket:id="cumulativeCreditsEarned"></span>.
						</div>
						<div style="float:left;clear:both;padding:2px 4px;width:48%;">
							Semester Grade Point Average : <span wicket:id="sgpa"></span>.
						</div>
						<div style="float:left;padding:2px 4px;width:48%;">
							Cumulative Grade Point Average : <span wicket:id="cgpa"></span>
						</div>
						<div style="clear:both;"></div>				
					</div>
										
					<div style="padding:5px;border-bottom:1px solid black;" wicket:id="reqSubWMC">
						Grades for : <br/>
						<div style="padding-top:5px;" wicket:id="mandatoryCoursesLV">
							<div style="width:200px; float:left;" wicket:id="courseURL">
							</div>
							<div style="width:50px; float:left;">
								<input wicket:id="grade" type="text" 
									style="width:40px;border:1px solid #cccccc;" />
							</div>
							<div style="width:180px; float:left;">
								<a href="#" wicket:id="delink">
									Unlink from program.
								</a>
							</div>
							<div style="clear:both;"></div>
						</div>
						<div style="clear:both;"></div>
					</div>
					
					<div style="clear:both">
					</div>
					
					<div style="width:900px;padding:5px;border-bottom:1px solid black;" wicket:id="electiveSubWMC">
						Courses and grades for elective courses : <br/>
						<div style="width:430px; float:left;padding-top:5px;" wicket:id="electiveCoursesLV">
							Elective # <span wicket:id="elNum"></span><br/>
							<div style="width:320px;float:left">
								<select wicket:id="electiveChoice" style="width:300px;">
								</select>
							</div>
							<div style="width:100px; float:left;">
								<input wicket:id="grade" type="text" 
									style="width:40px;border:1px solid #cccccc;" />
							</div>
							<div style="clear:both;"></div>
						</div>
						<div style="clear:both;"></div>
					</div>
					
					<div style="clear:both">
					</div>
					
					<div style="padding:5px;" wicket:id="unlinkedSubWMC">
						Courses not linked to any program : <br/>
						<div style="width:430px;padding-top:5px;clear:both;" wicket:id="unlinkedCoursesLV">
							<div style="width:200px; float:left;" wicket:id="courseURL">
							</div>
							<div style="width:50px; float:left;">
								<input wicket:id="grade" type="text" 
									style="width:40px;border:1px solid #cccccc;" />
							</div>
							<div style="width:130px; float:left;">
								<a href="#" wicket:id="linkToProg">
									Link to this Program.
								</a>
							</div>
							<div style="clear:both;"></div>
						</div>	
						<div style="clear:both;"></div>				
					</div>
					
					<div style="padding:5px;">
						<button type="submit" class="es-button ui-state-default ui-corner-all" style="margin-right:20px;">
							Save
						</button>
						<button type="submit" wicket:id="reset" class="es-button ui-state-default ui-corner-all" style="margin-right:20px;">
							Reset
						</button>
					</div>
				</form>						
			</div>
			<div style="clear:both;">
			</div>
		</wicket:panel>	
	</body>
</html>